<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
    <h1>查看跨域问题</h1>
  <button id="btn">发送请求</button>
    <script>
    // 请求一个按钮
    const oBtn = document.getElementById('btn');
// 绑定一个事件
    oBtn.onclick = async function () {
        /*
        跨域：
        同源策略：客户端和服务端协议 域名 端口只要有一个不一致，则视为违背同源策略
        在ajax请求中，如果违背了同源策略，则被视为跨域
        在没有处理的跨域请求是可以发送到服务器的，但是在服务器响应的时候，浏览器拒绝接收了
        */ 
        
        
        //获取一个请求接口，这个接口要写全
        axios.get("http://127.0.0.1:8090/user",{
        params: {
        userId: "001"
        }
        })
    }
    </script>
</body>
</html>